<template>
  <div class="review_page">
    <UserAvatar />

    <div class="">
      <Comment v-for="(item,index) in list" :key="`comment_${index}`" :info="item" />
    </div>
  </div>
</template>
<script>
import UserAvatar from "@/components/user/index.vue";
import Comment from "@/components/comment/index.vue";
import { GET_PERSONAL_MYCOMMENT } from "@/http/interface";
export default {
  name: "MyReview",
  components: {
    UserAvatar,
    Comment,
  },
  data() {
    return {
      list: [],
    };
  },
  created(){
    this.getList()
  },
  methods: {
    async getList() {
      let res = await this.$axios.get(GET_PERSONAL_MYCOMMENT);
      this.list = res.data || [];
    },
  },
};
</script>
<style lang="less" scoped>
@import "/assets/styles/index/my/review.less";
</style>